延續昨天的random，來改變一下背景顏色
<html>
<head>
<title>隨機更換背景顏色</title>
</head>
<body>
<h1>隨機更換背景顏色</h1>
<button id="btnOK" onclick="start()">按此改變顏色</button>
</body>
</html>
畫面就是一個按鈕
function start() {
const letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i < 6; i++){
let num = letters[Math.floor(Math.random() * 16)];
color += num;
}
document.body.style.backgroundColor = color;
}
仔細看色碼組成是使用16進制來設定，所以設了一個letters來取用。
再更改document.body.style.backgroundColor即可。
這次主題比較簡單，主要是熟練Math.random()，也因為最近沒想到可以寫什麼，只好繼續延伸了。
iThome鐵人賽
看影片追技術